@charset "utf-8";
.nav-parent-wrap li{
    height: 76px;
    width: 13.8%;
    float:right;
    text-align: center;
    font-size: 66%;
    color:#000000;  <!--  #000f5a; #010e10 -->
    box-sizing: border-box;
    margin: 12px 0.8%;
    cursor: pointer;
    /*font-family: "微软雅黑 Light";*/
    font-weight: bolder;
    position: relative;
}
.nav-parent-wrap li{
    display: inline-block;
}
.nav-parent-wrap li:nth-child(1){
    background:linear-gradient(135deg, rgba(4, 220, 106, 0.8) 95%, rgba(47, 229, 134, 0.8) 5%, rgb(207, 236, 221) 5%);
    border-radius:20px;
}
.nav-parent-wrap li:nth-child(2){
    background:linear-gradient(135deg, rgb(135, 204, 241) 95%, rgba(7, 83, 241, 0.8) 5%, rgb(2, 70, 213) 5%);
    border-radius:20px;
}
.nav-parent-wrap li:nth-child(3){
    background:linear-gradient(135deg, rgb(219, 139, 245) 95%, rgba(203, 70, 246, 0.8) 5%, rgb(196, 35, 248) 5%);
    border-radius:20px;
}
.nav-parent-wrap li:nth-child(4){
    background:linear-gradient(135deg, rgb(220, 155, 174) 95%, rgba(215, 45, 241, 0.8) 5%, rgb(241, 45, 104) 5%);
    border-radius:20px;
}
.nav-parent-wrap li:nth-child(5){
    background:linear-gradient(135deg, rgb(252, 190, 109) 95%, rgba(234, 166, 20, 0.8) 5%, rgb(239, 166, 0) 5%);
    border-radius:20px;
}
.nav-parent-wrap li:nth-child(6){
    background:linear-gradient(135deg, rgb(250, 139, 139) 95%, rgba(253, 77, 77, 0.8) 5%, rgb(255, 0, 0) 5%);
    border-radius:20px;
}
.nav-parent-wrap li>i{
    position: absolute;
    text-align: center;
    top: 15px;
    left: 0;
    right: 0;
    font-size: 22px;
}
.nav-parent-wrap li>div{
    height: 80px;
    line-height: 110px;
    letter-spacing: 1px;
}
.nav-parent-wrap li:hover{
    box-shadow: 0 5px 12px 2px rgba(167, 135, 135, 0.55);
    color:#35343b;
}
.nav-parent-wrap li.nav-active{
    box-shadow: 0 5px 12px 2px rgba(167, 135, 135, 0.55);
    color:#050505;
}
.nav-parent-wrap li.nav-active:after{
    content: '';
    position: absolute;
    bottom: 6px;
    height: 2px;
    left:6px;
    right: 6px;
    background: #fff;
    border-radius: 2px;
}
.nav-child-wrap{
    height: 100%;
    margin-left: 10px;
    margin-right: 12px;
}
.nav-child-wrap>div{
    height: 100%;
    margin: 0 auto;
    position: relative;
    overflow-y: auto;
}
.nav-child-wrap ul{
    display: none;
}
.nav-child-wrap ul.active{
    display: block;
}
.nav-child-wrap ul li{
    line-height: 54px;
    padding: 0 22px;
    box-sizing: border-box;
    color: #1f1c1c;
    font-size: 16px;
    /*font-family: "微软雅黑 Light";*/
    cursor: pointer;
    font-weight: bold;
    margin: 0 0 10px;
    background: #ffffff;
    border-radius: 5px;
    position: relative;
    /*border-radius:50px;*/
    border-top-left-radius:25px;
    border-bottom-left-radius:25px;
}
.nav-child-wrap ul li.active{
    color: #1a85ff;
}
.nav-child-wrap ul li.active:before{
    content: '';
    position: absolute;
    top: 0px;
    bottom: 0;
    right: 0;
    width: 6px;
    height:54px;
    background:#00b2ff;
    /*border-radius:50px;*/
}
.nav-child-wrap ul li>i{
    font-size: 17px;
}
/*home页除外*/
.home-except-box{
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
}
.left-nav{
    width: 305px;
    height: 100%;
    border-radius:50px;
}
.left-nav1{
    width: 100%;
    height: 100%;
}
.tab-wrapper{
    position: absolute;
    top: 0;
    left: 305px;
    bottom: 0;
    right: 0;
    box-sizing: border-box;
    padding-right: 10px;
}
.userInfoBox{
    width: 270px;
    background: #2cd8ff;
    color: #fff;
    text-align: center;
    box-sizing: border-box;
    padding: 20px 0;
}
.userInfoBox img{
    height: 60px;
    width: 60px;
    border-radius: 50%;
    margin: 0 auto;

}
.userInfoBox{
    background: url("../../images/userInfoBox-bg.png") no-repeat center center;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
}
.userInfoBox p{
    text-align: center;
    line-height: 40px;
    font-size: 16px;
}
.userInfoBox div{
    text-align: center;
}
.userInfoBox div span{
    display: inline-block;
    line-height: 20px;
    margin: 0 15px;
}
.czBox li{
    width: 33.33%;
    line-height: 35px;
    text-align: center;
    color: #2368CE;
    box-sizing: border-box;
    cursor: pointer;
}
/*消息提醒*/
.info-bell{
    width: 35px;
    height: 35px;
    display: inline-block;
    line-height: 32px;
    text-align: center;
    color: #fff;
    font-size: 20px;
    border: 1px solid #fff;
    border-radius: 50%;
    box-sizing: border-box;
    margin: 15px 0 0 0;
    cursor: default;
}
.info-bell span{
    position: absolute;
    top: -8px;
    right: -8px;
    width: 20px;
    height: 20px;
    background: #ee623c;
    color: #fff;
    font-size: 12px;
    line-height: 20px;
    border-radius: 50%;
}
.infoTipBox{
    width: 450px;
    height: 330px;
    position: relative;
}
.userInfoBox-header{
    font-size: 20px;
    color: #fff;
    height: 32px;
    line-height: 32px;
    padding: 0 20px;
    box-sizing: border-box;
    background: #2368CE;
}
.userInfoBox-header span{
    font-size: 14px;
    margin-left: 12px;
}
.userInfoBox-content{
    width: 100%;
    position: absolute;
    top: 32px;
    bottom: 0px;
}
.userInfoBox-content-col{
    width: 50%;
    height: 100%;
    position: relative;
    float: left;
    border-right: 1px solid #c8c8c8;
    box-sizing: border-box;
}
.userInfoBox-content-col>ul{
    position: absolute;
    top: 35px;
    bottom: 30px;
    width: 100%;
    overflow: hidden;
    color: #505050;
}
.userInfoBox-content-col .item-info{
    margin: 5px 0;
    cursor: pointer;
}
.userInfoBox-content-col .item-info>i{
    float: left;
    font-size: 20px;
    font-weight: 600;
    color: #ff562d;
    width: 10%;
    margin: 0;
}
.userInfoBox-content-col .item-info>p{
    float: left;
    font-size: 14px;
    width: 80%;
}
.c-more-btn{
    height: 30px;
    line-height: 30px;
    color: #2368CE;
    background: #EEF5FF;
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: right;
    padding-right: 15px;
    box-sizing: border-box;
    cursor: pointer;
}
/*首页内容区域样式*/
.home-wrapper {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}
.home-page{
    width: 100%;
    height: 100%;
}
.region-title{
    line-height: 55px;
    border-bottom: 1px solid #DCDFE6;
    font-size: 16px;
    font-weight: 600;
    text-indent: 20px;
}
.home-top>div{
    float: left;
}
.home-top-left{
    width: 66.25%;
    background: #ffffff;
    border-radius: 3px;
    box-shadow: 0px 0px 5px 0px #dcdbdb;
    margin: 5px;
    box-sizing: border-box;
}
.org-info{
    width: 21.31%;
    box-shadow: 0px 0px 5px 0px #dcdbdb;
    border-radius: 10px;
    position: absolute;
    top: 20px;
    bottom: 20px;
}
.org-info-title{
    line-height: 85px;
    font-size: 15px;
    font-weight: 600;
    color: #386BE7;
    border-bottom: 1px solid #DCDFE6;
    text-indent: 22px;
}
.info-box>li{
    padding: 8px 20px;
}
.org-info-lable{
    font-size:14px;
    font-family:MicrosoftYaHei;
    color:rgba(153,153,153,1);
    line-height:24px;
}
.org-info-lable>i{
    margin-right: 8px;
}
.info-box>li>span{
    margin-left: 15px;
    font-size:16px;
    font-family:MicrosoftYaHei;
    color:rgba(51,51,51,1);
    line-height:24px;
}
.org-statistics{
    margin-left: 25%;
    width: 72%;
}
.org-statistics-title{
    font-size:18px;
    font-family:MicrosoftYaHei-Bold,MicrosoftYaHei;
    font-weight:bold;
    color:rgba(51,51,51,1);
    line-height:24px;
    text-indent: 25px;
}
.org-statistics>ul>li{
    float: left;
    width:170px;
    height:86px;
    background:linear-gradient(137deg,rgba(81,132,255,1) 0%,rgba(137,185,255,1) 100%);
    box-shadow:0px 2px 5px 0px rgba(56,107,231,0.54);
    border-radius:16px;
    margin: 5px 20px 25px;
    color: #fff;
    box-sizing: border-box;
    padding: 20px;
}
.org-statistics>ul>li>span{
    font-size:18px;
    font-family:Microsoft YaHei-Bold,Microsoft YaHei;
    font-weight:bold;
    line-height:24px;
}
.org-statistics>ul>li>div{
    font-size:12px;
    font-family:Microsoft YaHei;
    line-height:16px;
    margin-top: 8px;
}
.azbjdx-box>li:nth-child(2){
    background:linear-gradient(137deg,rgba(236,160,59,1) 0%,rgba(247,206,110,1) 100%);
    box-shadow:0px 2px 5px 0px rgba(236,160,59,0.54);
}
.azbjdx-box>li:nth-child(3){
    background:linear-gradient(137deg,rgba(135,208,91,1) 0%,rgba(188,234,149,1) 100%);
    box-shadow:0px 2px 5px 0px rgba(135,208,91,0.54);
}
.azbjdx-box>li:nth-child(4){
    background:linear-gradient(136deg,rgba(146,122,224,1) 0%,rgba(196,178,242,1) 100%);
    box-shadow:0px 2px 5px 0px rgba(146,122,224,0.54);
}
.azbjdx-box>li:nth-child(5){
    background:linear-gradient(135deg,rgba(107,201,182,1) 0%,rgba(164,230,220,1) 100%);
    box-shadow:0px 2px 5px 0px rgba(107,201,182,0.54);
}
.azbjzz-box>li:nth-child(2){
    background:linear-gradient(135deg,rgba(107,201,182,1) 0%,rgba(164,230,220,1) 100%);
    box-shadow:0px 2px 5px 0px rgba(107,201,182,0.54);
}
/*home-bottom   统计图部分*/
.home-bottom{
    background:rgba(255,255,255,1);
    box-shadow:0px 4px 10px 0px rgba(0,0,0,0.07);
    border-radius:4px;
}
.home-bottom{

}
.home-region{
    font-size: 14px;
}
.region-content{
    padding: 0 20px;
}
.region-header{
    background: #fff;
    border-radius: 5px 5px 0 0;
}
.region-header-title{
    height: 40px;
    line-height: 40px;
    border-bottom: 3px solid #2368CE;
    font-size: 132%;
    color: #181818;
    /*font-family: "微软雅黑 Light";*/
    font-weight: 600;
    box-sizing: border-box;
    margin-right: 20px;
}
.region-header>ul li{
    height: 26px;
    line-height: 26px;
    margin: 7px 10px;
    padding: 0 5px;
    color: #666666;
    cursor: pointer;
}
.region-header>ul li.active{
    background: #2368CE;
    color: #fff;
    border-radius: 5px;
}
.region-header .more-btn{
    line-height: 40px;
    color: #2368CE;
    cursor: pointer;
}
.region-content{
    position: absolute;
    top: 40px;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgb(255, 255, 255);
    border-radius: 0 0 5px 5px;
}
.region-content>ul{
    height: 100%;
    padding: 5px 0;
    box-sizing: border-box;
    overflow: hidden;
}
.region-content>ul>li{
    padding: 8px 0;
    margin-right: 10px;
    cursor: pointer;
    font-size: 120%;
    color: #333333;
    width: 47%;
    height: 14.2%;
}
.region-content>ul>li:hover{
    background-color:#e7ebef;
}
/*常用模板*/
.fastTabsBody>ul{
    position: absolute;
    top: 0;
    display: none;
    width: 100%;
}

.fastTabsBody>ul.active{
    display: block;
}